import styled from 'styled-components';

export const OperateBtnsWrapper = styled.div`
  background-color: #fff;
  display: flex;
  align-items: center;
  Button{
    font-size: 12px;
    color: #fff;
    border: none;
    margin-left: 15px;
  }
  /* operateBtns动态传来的className */
  .common{
    color: #fff;
    background-color: #1890ff;
  }
  .common:hover{
    background-color: #71b6f6;
  }
  .downLoad{
    color: #fff;
    background-color: #13ce66;
  }
  .downLoad:hover{
    color: #fff;
    background-color: #78cc9c;
  }
  .reset{
    color: #fff;
    background-color: #ffba00;
  }
  .reset:hover{
    color: #fff;
    background-color: #fdd66d;
  }
  .batch_delete{
    color: #fff;
    background-color: #ff4d4f;
  }
  .batch_delete:hover{
    color: #fff;
    background-color: #fd8b8d;
  }
  .delete{
    color: #fff;
    background-color: #ff4d4f;
  }
  .delete:hover{
    color: #fff;
    background-color: #fd8b8d;
  }
`